.content {
  @apply flex items-center justify-center;
  width: 42.5rem;
  height: 42.5rem;

  .contentBg {
    @apply absolute w-full h-full;
    animation: rotates 0.5s ease;
  }

  .bg {
    @apply relative;
    width: 19.75rem;
    height: 19.25rem;
    background-image: url('/images/convert-succ-bg.webp');
    background-size: 100% 100%;

    .sureBtn {
      @apply absolute left-2/4 bottom-5 cursor-pointer;
      transform: translateX(-50%);
      height: 3.5rem;
    }
  }
}

@keyframes rotates {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 48.5rem) {
  .content {
    width: calc(100vw - 2rem);
    height: calc(calc(100vw - 2rem) * 1.088);

    .bg {
      @apply top-4;
    }
  }
}
